<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" media="screen" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<jsp:include page="title.jsp"></jsp:include>
<script type="text/javascript" src="js/base/jquery.js"></script>
<script src="js/DateTime.js" type="text/javascript"></script>
<script type="text/javascript" src="js/overview.js"></script>
<script type="text/javascript" src="js/squareChange.js"></script>
<link href="css/time1.css" rel="stylesheet" type="text/css" />
<link href="css/time2.css" rel="stylesheet" type="text/css" />
<link href="datatables/css/jquery.dataTables.css" rel="stylesheet" type="text/css" />
</head>
<body onload="showLoading();overLoad(4)">
	<div class="headdiv"><jsp:include page="head.jsp"></jsp:include></div>
	<div class="zhuti">
		<div class="jingediv"></div>
			<div class="lefterdiv">
				<jsp:include page="menu.jsp"></jsp:include>
			</div>
			<div class="jingediv"></div>
			<div class="righterdiv" id="right">
				<jsp:include page="changePlaza.jsp"></jsp:include>
				<div class="sitebar">
						<div class="floatleft div25"></div>
						<input type="hidden" id="selectedGcString" value="${siteCommon.siteId}">
						<input type="hidden" id="selectedGcNameString" value="${siteCommon.siteName}">
						<div class="sitename font24">  
							${siteCommon.siteName}<span style="padding-left:0.625em;"></span><a onclick="showChange('plaza')" class="orange hand">${lang.change}>></a>
						</div>
						<div class="date font16">
							<script type="text/javascript">
								var date=new Date();
								document.write("当前时间："+date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate()+"&nbsp;");
								if(date.getHours()<12){
									document.write("${lang.morning}");
								}else
								{
									document.write("${lang.afternoon}");
								}
							</script>
						</div>
				</div>
				<div class="widthall">
					<div class="title">
						<div class="floatleft div25"></div>
							<div class="titlename bold font22">通道概览&nbsp;<img style="vertical-align:middle" src="images/ts.png"/></div>
							<div class="floatleft div25 floatright"></div>
							<div class="font22 floatright orange outcsv"><c:if test="${isHaveExport eq '1'}"><span onclick="javascript:gailanExport('hdtable','dataDes','通道客流-通道概览')">Excel导出</span></c:if></div>
					</div>
					<div id="comboDiv" class="whitediv">
						<input type="hidden" id="index" value='${index}'>
						<form action="">
							<input id="td_inputName" type="hidden">
							<input id="td_date" type="hidden">
							<input id="td_time" type="hidden">
							<input id="td_startDate" type="hidden">
							<input id="td_endDate" type="hidden">
							<input id="td_currentPage" type="hidden">
						</form>
						<div class="em25"></div>
						<div class="em35 widthall">
							<div class="floatleft div25"></div>
							<div class="floatleft div100">
								<input type="hidden" id="rightGcList" value='${rightGcList}'>
								<input type="hidden" id="rightQyList" value='${rightQyList}'>
								<input type="hidden" id="rightLcList" value='${rightLcList}'>
								<input type="hidden" id="rightDpList" value='${rightDpList}'>
								<select id="leftSelect" class="indextable widthall heigthall  tdborder" onchange="showLoading();comboLd(4)">
									<c:forEach items="${leftList}" var="siteInfo">
										<option value="${siteInfo.siteid}">${siteInfo.sitename}</option>
									</c:forEach>
								</select>
							</div>
							<div class="floatleft div15 textcenter">-</div>
							<div class="floatleft div200">
								<select onchange="showLoading();comboRight(4)" id="rightSelect" class="indextable widthall heigthall  tdborder">
								</select>
							</div>
							<div class="floatleft div905"></div>
							<div class="floatleft div250 searchborder lineh35">
								<div  class="floatleft"  style="width:83%"><input type="text" id="tdInput" class="width95p paddingL1em" placeholder="${lang.guanjianzitip }" /></div>
								<div  class="floatright heigthall"  style="width:12%"><img onclick="showLoading();tdSearch()" src="images/research.png" style="vertical-align:middle" /></div>
							</div>
							<div class="floatleft div25"></div>
						</div>
						<div class="em25"></div>
					</div>
				</div>
				<div class="em25 widthall"></div>
				<div class="whitediv font16">
					<div class="em25"></div>
					<div id="dateDiv" class="em35">
								<div class="floatleft div25">
								</div>
								<div class="floatleft div180">
									<table id="rzyn" class="indextable widthall textcenter">
										<tr>
											<td class="tdborder" style="cursor:pointer;" onclick="showLoading();changeTime('Hour')" id="Hour">时</td>
											<td class="tdborder lxxzselected" style="cursor:pointer;" onclick="showLoading();changeTime('Day')" id="Day">${lang.ri }</td>
											<td class="tdborder" style="cursor:pointer;" onclick="showLoading();changeTime('Week')" id="Week">${lang.week }</td>
											<td class="tdborder" style="cursor:pointer;" onclick="showLoading();changeTime('Month')"id="Month">${lang.month }</td>
											<td class="tdborder" style="cursor:pointer;" onclick="showLoading();changeTime('Year')"id="Year">${lang.year }</td>
										</tr>
									</table>
								</div>
								<div class="floatleft div90">
								</div>
								<div id="divDay" class="floatleft div360">
									<table class="indextable widthall textcenter">
										<tr>
											<td onclick="showLoading();getspan('hour_1')" id="hour_1" style="display: none"  class="quarter tdborder">${lang.dangtian}</td>
											<td onclick="showLoading();getspan('hour_2')" id="hour_2" style="display: none" class="quarter tdborder">昨天</td>
											<td onclick="showLoading();getspan('day_1')" id="day_1" class="quarter tdborder lxxzselected">${lang.dangtian}</td>
											<td onclick="showLoading();getspan('day_7')" id="day_7" class="quarter tdborder">${lang.zuijin}7${lang.tian}</td>
											<td onclick="showLoading();getspan('day_14')" id="day_14" class="quarter tdborder">${lang.zuijin}14${lang.tian}</td>
											<td onclick="showLoading();getspan('day_30')" id="day_30" class="quarter tdborder">${lang.zuijin}30${lang.tian}</td>
											<td onclick="showLoading();getspan('week_4')" id="week_4" class="quarter tdborder" style="display: none">${lang.zuijin}4${lang.week}</td>
											<td onclick="showLoading();getspan('week_8')" id="week_8" style="display: none" class="quarter tdborder">${lang.zuijin}8${lang.week}</td>
											<td onclick="showLoading();getspan('week_12')" id="week_12" style="display: none" class="quarter tdborder">${lang.zuijin}12${lang.week}</td>
											<td onclick="showLoading();getspan('month_3')" id="month_3" style="display: none" class="quarter tdborder">${lang.zuijin}3${lang.month}</td>
											<td onclick="showLoading();getspan('month_6')" id="month_6" style="display: none" class="quarter tdborder">${lang.zuijin}6${lang.month}</td>
											<td onclick="showLoading();getspan('month_12')" id="month_12" style="display: none" class="quarter tdborder">${lang.zuijin}12${lang.month}</td>
											<td onclick="showLoading();getspan('year_3')" id="year_3" style="display: none" class="quarter tdborder">${lang.zuijin}3${lang.year}</td>
											<td onclick="showLoading();getspan('year_5')" id="year_5" style="display: none" class="quarter tdborder">${lang.zuijin}5${lang.year}</td>
										</tr>
									</table>
								</div>
								<div class="floatleft div240">
									<table class="indextable widthall textcenter">
										<tr>
											<td class="widthall tdborder">
												<div id="shijianduibi">
													<div id="div_date" class="nocheckoption">
					                                    	<span id="date" >2015-5-1${lang.zhi}2015-5-15</span>
					                                </div>
												</div>
											</td>
										</tr>
									</table>
								</div>
								<div id="datePicker" class="hide">
									<input type="hidden" value="2015-04-10" name="startDate"
										id="startDate">
									<input type="hidden" value="2015-04-25" name="endDate"
										id="endDate">
									<input type="checkbox" style="display: none;" value="0"
										name="needCompare" id="needCompare">
									<input type="hidden" value="" name="startCompareDate"
										id="startCompareDate">
									<input type="hidden" value="" name="endCompareDate"
										id="endCompareDate">
								</div>
								<div class="cleardiv">
								</div>
							</div>
					<div id="formKongbai" class="em35"></div>
					<div style="display:none" class="em100 whitediv" id="zhanwushuju"><div class="em25"></div><div class="backyellow">&nbsp;&nbsp;暂无数据！请更换场所</div></div>
					<div id="formTitle" class="widthall">
						<div class="floatleft div25 defaultheight"></div>
						<div class="floatleft divcontent" id="datatable">
							<table id="myTable" class="indextable xyliebiao widthall">
								<!--<tr>
									<th class="xykongbai"></th>
									<th class="xyxuhao">${lang.bianhao }</th>
									<th class="gailanmingcheng">通道名称</th>
									 客流量 
									<c:if test="${indexList.index0Flag=='Y'}">
									<th>${lang.traffic }（${lang.renci }）</th>
									</c:if>
									 销售额 
									<c:if test="${indexList.index3Flag=='Y'}">
									<th>${lang.pos }（${lang.yuan }）</th>
									</c:if>
									 集客力 
									<c:if test="${indexList.index1Flag=='Y'}">
									<th>${lang.jkl }（${lang.ren }/m<sup>2</sup>）</th>
									</c:if>
									 顾客数 
									<c:if test="${indexList.index7Flag=='Y'}">
									<th>${lang.numOfCustom }（${lang.ren }）</th>
									</c:if>
									<th class="xykongbai"></th>
								</tr>
							--></table>
						</div>
						<div class="floatleft div25 defaultheight"></div>
						<div class="cleardiv">
						<input type="hidden" id="hdtable" />
						<input type="hidden" id="hdtablesize" value="12" />
						</div>
					</div>
					<div id="formDesc" class="em45" style="display:none">
						<div class="floatleft div25"></div>
						<div class="floatleft divhalf heigthall lineh45">
						
						</div>
						<div class="floatleft divfanye em35 lineh35">
									<div id="divfanye" class="floatright fenye">
										<div id="leftFY" onclick="gotopage(2)" class="floatleft fyjiantou">
											<img src="images/fanye2_left.png" />
										</div>
										<div class="floatleft fyyeshu">
											<span id="curpage"></span>/
											<span id="allpage"></span>
										</div>
										<div id="rightFY" onclick="gotopage(1)" class="floatleft fyjiantou">
											<img src="images/fanye2_right.png" />
										</div>
										<div class="floatleft">
											<input type="text" class="skipinput" id="txtpages"/>
										</div>
										<div onclick="gotopage(3)" class="floatleft fywenzi">
											${lang.skipTo}
										</div>
										<div class="cleardiv">
										</div>
									</div>
						</div>
					</div>
					<div class="lineh25">
						<div class="floatleft div25 defaultheight"></div>
						<div id="dataDes" class="floatleft yxcontent" style="color: #666"></div>
						<div class="cleardiv"></div>
					</div>
					<div class="em25"></div>
				</div>
			</div>
			<div class="jingediv"></div>
			<input type="hidden" id="hdmes" value="${message}" />
			<div class="cleardiv">
			</div>
		</div>
		<jsp:include page="footer.jsp"></jsp:include>
		<form action="gailanExport" id="gailanExport" method="post">
			<input type="hidden" name="table">
			<input type="hidden" name="fileName">
			<input type="hidden" name="character">
			<input type="hidden" name="describe">
		</form>
		<input type="hidden" id="hdtable" />
</body>
<script type="text/javascript" src="datatables/js/jquery.dataTables.js"></script>
</html>